<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,maximum-scale=1.0" />
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	<title>我的订单</title>
	<style>
	.main{
		display: none;
	}
	.main.selected{
		display: block;
	}
	</style>
</head>
	<body>
		<div id="order">
			<div class="orderBar">
		        <a href="javascript:void(0);" id="allBar" class="on">全部订单</a>
		        <a href="javascript:void(0);" id="stayBar">待支付</a>
		        <a href="javascript:void(0);" id="hasBar">待评价</a>
			</div>
			<div class="orderList">
				<div class="orderCon main selected all">
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单已完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy" style="display: none;">立即支付</a>
							<a href="javascript:void(0);" class="recur">再来一单</a>
							<a href="javascript:void(0);" class="noweval">立即评价</a>
						</div>
					</div>
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单待完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy">立即支付</a>
							<a href="javascript:void(0);" class="recur" style="display: none;">再来一单</a>
							<a href="javascript:void(0);" class="noweval" style="display: none;">立即评价</a>
						</div>
					</div>
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单已完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy" style="display: none;">立即支付</a>
							<a href="javascript:void(0);" class="recur">再来一单</a>
							<a href="javascript:void(0);" class="noweval" style="display: none;">立即评价</a>
						</div>
					</div>
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单已完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy" style="display: none;">立即支付</a>
							<a href="javascript:void(0);" class="recur">再来一单</a>
							<a href="javascript:void(0);" class="noweval" style="display: none;">立即评价</a>
						</div>
					</div>
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单已完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy" style="display: none;">立即支付</a>
							<a href="javascript:void(0);" class="recur">再来一单</a>
							<a href="javascript:void(0);" class="noweval" style="display: none;">立即评价</a>
						</div>
					</div>
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单已完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy" style="display: none;">立即支付</a>
							<a href="javascript:void(0);" class="recur">再来一单</a>
							<a href="javascript:void(0);" class="noweval" style="display: none;">立即评价</a>
						</div>
					</div>
				</div>
				<div class="orderCon main wait-payment">
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单待完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy">立即支付</a>
							<a href="javascript:void(0);" class="recur" style="display: none;">再来一单</a>
							<a href="javascript:void(0);" class="noweval" style="display: none;">立即评价</a>
						</div>
					</div>
				</div>
				<div class="orderCon main wait-evaluate">
					<div class="goodsList">
						<img class="goodsIcon" src="images/photo3@1x.png"/>
						<div class="goodsCon">
							<a href="javascript:void(0);" class="goodsName">炭烤薯条等3件商品</a>
							<span class="goodsType">订单已完成</span>
							<div class="discount">评价可得优惠券最高可得10元优惠</div>
							<span class="goodsTime">2018-09-18 20:30</span>
							<span class="goodsPrice">￥<i class="price">3000.00</i></span>
						</div>
						<div class="goodsState">
							<a href="javascript:void(0);" class="buy" style="display: none;">立即支付</a>
							<a href="javascript:void(0);" class="recur">再来一单</a>
							<a href="javascript:void(0);" class="noweval">立即评价</a>
						</div>
					</div>
				</div>
			</div>
		</div>
<script type="text/javascript">
$('.orderBar a').click(function () {
    // $('.orderBar a').removeClass('on');
    $(this).addClass('on').siblings().removeClass('on');
    $(".main").eq($(this).index()).show().siblings().hide();
})
</script>

</body>
</html>
